草庐IT

ionic 导航

全部标签

android - 引擎盖下的混合应用程序开发(PhoneGap、Cordova、Ionic)

我想了解一切是如何运作的,但对这个主题有一些疑问。我将解释我是如何理解这些东西的。首先让我们从Cordova开始,这是一个将JS,CSS,HTML文件翻译成的平台native应用程序。但事实并非如此。实际上,它只是将所有html、css文件放入asset文件夹中,此类平台所做的唯一事情就是创建特定于该平台的自定义WebView,对其进行配置,将所有必需的插件绑定(bind)到它并设置默认页面以打开。除了平台插件提供的钩子(Hook)方法外,其他一切都只是web开发,这些方法有助于通过WebView的java调用访问GPS、Camera等native功能。所以所有其他的东西都取决于特定的

android - Ionic 2 RC0 和 Angular 2 最新构建 android 错误 (ngc : Error: Error encountered resolving symbol values statically)

使用ionicbuildandroid命令构建android时出现错误ngc:错误:静态解析符号值时遇到错误。引用本地(非导出)符号“字典”。考虑导出符号(原.ts文件中14:8位置),解析符号TRANSLATION_PROVIDERS我的代码在translation.ts文件中exportconstTRANSLATIONS=newOpaqueToken('translations');//alltraslationsconstdictionary:any={[LANG_EN_NAME]:LANG_EN_TRANS,[LANG_AR_NAME]:LANG_AR_TRANS,[LANG_

android - Fragment 的抽屉导航关闭不流畅

我已经为我的应用实现了一个NavigationDrawer,它在大多数情况下都能正常工作。我的Home选项卡执行几个API请求以显示一些信息,这些请求和它们所需的工作量(即使它是相当小的)会阻止抽屉中途关闭,使得它不顺利。我的第一个“解决方案”是toloadthefragmentonlyaftertheDrawercloses,像这样:toggle=newActionBarDrawerToggle(this,drawer,toolbar,R.string.navigation_drawer_open,R.string.navigation_drawer_close){publicvoi

微信小程序置顶导航,替代原生导航栏

效果图:思路:Navigation是小程序的顶部导航组件,当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏,wx.getSystemInfoSync获取可使用窗口高度wxml代码:{statusBarHeight}}px"> 哪吒之魔童降世wxss代码:.header{ width: 100%; height: 58rpx; position: fixed; left: 0rpx; top: 0%; background: #fff; z-index: 111}.searchbtn{ width: 50%; height: 58rpx; margin

android - 我正在尝试运行我的第一个 Ionic 应用程序,但出现此错误,它找不到我的手机,也找不到要运行的模拟器

$ionicrunandroid结果:Notargetspecifiedandnodevicesfound,deployingtoemulatorError:Noemulatorimages(avds)found.1.DownloaddesiredSystemImagebyrunning:"C:\Android\tools\android.bat"sdk2.CreateanAVDbyrunning:"C:\Android\tools\android.bat"avdHINT:Forafasteremulator,useanIntelSystemImageandinstalltheHAXM

android - 尝试更改 Ionic 应用程序状态栏文本颜色

似乎有多个线程在讨论这个问题,但没有任何真正的解决方案。我希望这会是直截了当的事情。基本上,我想要做的就是更改状态栏文本颜色,因为我的标题/导航栏/状态栏是深蓝色。默认的文字颜色是黑色,我只想把它改成白色,就这么简单。我在哪里进行这些更改?我已经安装了状态栏插件,我的配置文件在下面(这在某些线程中没有任何建议的更改)。我该如何解决这个问题? 最佳答案 这取决于状态栏背景,如果你使用深色背景你可以这样做:platform.ready().then(()=>{//Okay,sotheplatformisreadyandourplugin

android导航栏隐藏和可用屏幕重叠百分比

我的问题是关于可用屏幕的性能。我的应用程序运行正常,但我假设如果我更改屏幕尺寸(例如galaxys8+),它就会关闭。这是正常工作的方式强文本这是错误的与NavigationBar相关的问题。我尝试设置MACHPARENT参数,通常我以编程方式使用DisplayMetricsmetrics=this.getResources().getDisplayMetrics();width=metrics.widthPixels;height=metrics.heightPixels-Utils.getStatusBarHeight(getContext());这个代码。但是当我隐藏导航栏时它在

android - 每次收到推送通知时,Ionic 2 应用程序都会停止

应用程序正在获取注册号,但是当它收到推送通知时,应用程序停止并给出以下错误:不幸的是“APPNAME”在android中已停止我正在使用phonegap-plugin-push=>https://ionicframework.com/docs/native/push/我已经在appName/platforms/android/中添加了google-services.json这是我的build.gradlebuildscript{repositories{mavenCentral()jcenter()}dependencies{classpath'com.android.tools.bu

android - ionic :Android Emulator Error

我正在尝试使用AndroidStudiov3.0附带的AndroidEmulator测试我的Ionic(3.16.0)混合应用程序。/myapp>ioniccordovabuildandroid成功创建构建。但是当我运行/myapp>ioniccordovaemulateandroid时,模拟器启动并加载屏幕,但是,我无法在模拟器中找到我的应用程序。终端日志中的堆栈跟踪如下所示:Waitingforemulatortostart...emulator:Requestedconsoleport5584:Inferringadbport5585.HaxisenabledHaxram_siz

android - 如何在 ionic 3 应用程序中使用 ion-img?

我正在构建一个ionic3应用程序,它在不同的页面中包含很多图像。我试过这个,使用默认的HTML图像标签。但是使用它会导致使用该应用程序时出现滞后,还会出现很多问题,例如图像屏幕旋转时尺寸会发生变化,有时会导致图像重叠,图像加载难看。我查阅了Ionic文档,发现最好使用ionimg标签来消除这些问题。通过延迟加载,可以实现平滑滚动。我已经在使用虚拟滚动,但没有使用ion-img用于图像,但使用img标签加载图像。当我使用ionic文档中给出的ion-img时,没有图像被加载,只显示空白。这是代码,HTML:appname{{category.Name}}如何在Ionic3中正确实现io